<!-- #footer.container -->
<footer id="footer" class="container">

    <!-- .row .clearfix -->
    <div class="row clearfix">

        <!-- .span3 -->
        <div class="span3">

            <h3 class="title">About Us</h3>

            <p>To dream </p>
            <p>对抗无法打败的对手 </p>
            <p>承受难以承受的伤痛 </p>
            <p>去勇士都不敢去的地方 </p>
            <p>不管多么绝望 </p>
            <p>不管多么遥远 毫不犹豫 </p>
            <p>为梦想而战 </p>

        </div><!-- /.span3 -->

        <!-- .span3 -->
        <div class="span3">

            <h3 class="title">&nbsp;</h3>

            <p>To dream</p>
            <p>为年华老去时不鄙视自己</p>
            <p>To dream</p>
            <p>记录一起走过的岁月</p>
            <div class="tweet"></div>

            <script type="text/javascript">
                $(document).ready(function(){
                    //TWITTER
                    $(".tweet").tweet({
                        join_text: "auto",
                        username: "envato",
                        avatar_size: 0,
                        count: 2,
                        auto_join_text_default: "we said,",
                        auto_join_text_ed: "we",
                        auto_join_text_ing: "we were",
                        auto_join_text_reply: "we replied",
                        auto_join_text_url: "we were checking out",
                        loading_text: "loading tweets..."
                    });
                });
            </script>

        </div><!-- /.span3 -->

        <!-- .span3 -->
        <div class="span3">

            <h3 class="title">Travel Records</h3>

            <ul>

                <?php foreach($trip_list as $key => $item): ?>
                    <li>
                        <span class="date"><?php echo date('M d, Y',$item['playtime']);  ?></span>
                        <a href=""><?php echo $item['name'] ?>.</a>
                    </li>
                <?php endforeach; ?>

            </ul>

        </div><!-- /.span3 -->

        <!-- .span3 -->
        <div class="span3">

            <h3 class="title">Follow Us</h3>

            <!-- .social -->
            <ul class="social">
                <li class="twitter"><a href="#">twitter</a></li>
                <li class="facebook"><a href="#">facebook</a></li>
                <li class="dribbble"><a href="#">dribbble</a></li>
                <li class="vimeo"><a href="#">vimeo</a></li>
                <li class="flickr"><a href="#">flickr</a></li>
                <li class="pinterest"><a href="#">pinterest</a></li>
            </ul><!-- /.social -->

        </div><!-- /.span3 -->

    </div><!-- /.row .clearfix -->

    <!-- #copyright.clearfix -->
    <div id="copyright" class="clearfix">

        <p>Copyright 2012. All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></p>

        <!-- #footer-menu -->
        <nav id="footer-menu">
            <ul class="clearfix">
                <li><a href="#" class="current" data-description="Home Page">Home</a>
                </li>
                <li><a href="#">About</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Features</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav><!-- /#footer-menu -->

    </div><!-- /#copyright .clearfix -->

</footer><!-- /#footer .container -->


</section><!-- /.container -->


</body>
</html>